<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>

	<style>
		body {
			margin:0px;
			padding:0px;
		}
		header {
			width:100%;
			height:150px;
			background:green;
			margin:0 auto;
		}
		footer {
			width:100%;
			height:419px;
			background:red;
			margin:0 auto;
		}

		#sec_startBox {
			background:#0066CC;
			width:100%;
			height:400px;
		}

		#sec_importBox {
			background:#3300FF;
			width:98%;
			height:140px;
			margin: auto;
			margin-top:10px;
		}

		.sec_box_class{
			width: 95%;
			height: 687px;
			margin: auto;
			margin-top: 54px;
		}



		.sb_div_class{
			width:18% ;
			height: 46%;
			background:#2C9881;
			float: left;
			margin :1%
		}
		#sec_box_1{
			background:red;
		}
		#sec_box_2{
			background:orange;
		}
		#sec_box_3{
			background:yellow;
		}
		#sec_box_4{
			background:green;
		}
	</style>
</head>
<body>
	<header>
		天天果园
	</header>
	<section id = "sec_startBox">
		中秋节</br>
		启程去圆满
	</section>
	<section id = "sec_importBox">
		进口凤梨
	</section>	
	<section id = "sec_box_1" class = "sec_box_class">

		<div class = "sb_div_class">1</div>
		<div class = "sb_div_class">2</div>
		<div class = "sb_div_class">3</div>
		<div class = "sb_div_class">4</div>
		<div class = "sb_div_class">5</div>
		<div class = "sb_div_class">6</div>
		<div class = "sb_div_class">7</div>
		<div class = "sb_div_class">8</div>
		<div class = "sb_div_class">9</div>
		<div class = "sb_div_class">10</div>

	</section>
	<section id = "sec_box_2" class = "sec_box_class">
		<div class = "sb_div_class">1</div>
		<div class = "sb_div_class">2</div>
		<div class = "sb_div_class">3</div>
		<div class = "sb_div_class">4</div>
		<div class = "sb_div_class">5</div>
		<div class = "sb_div_class">6</div>
		<div class = "sb_div_class">7</div>
		<div class = "sb_div_class">8</div>
		<div class = "sb_div_class">9</div>
		<div class = "sb_div_class">10</div>
	</section>
	<section id = "sec_box_3" class = "sec_box_class">

		<div class = "sb_div_class">1</div>
		<div class = "sb_div_class">2</div>
		<div class = "sb_div_class">3</div>
		<div class = "sb_div_class">4</div>
		<div class = "sb_div_class">5</div>
		<div class = "sb_div_class">6</div>
		<div class = "sb_div_class">7</div>
		<div class = "sb_div_class">8</div>
		<div class = "sb_div_class">9</div>
		<div class = "sb_div_class">10</div>
	</section>
	<section id = "sec_box_4" class = "sec_box_class">
		<div class = "sb_div_class">1</div>
		<div class = "sb_div_class">2</div>
		<div class = "sb_div_class">3</div>
		<div class = "sb_div_class">4</div>
		<div class = "sb_div_class">5</div>
		<div class = "sb_div_class">6</div>
		<div class = "sb_div_class">7</div>
		<div class = "sb_div_class">8</div>
		<div class = "sb_div_class">9</div>
		<div class = "sb_div_class">10</div>
	</section>
	<footer>
		天天果园
	</footer>
</body>
</html>